Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / stickers / StickerView.vue

Displaying Raw • Download

Tff7b72<Te6edf3templateTff7b72>

Tff7b72<Te6edf3div Te6edf3refTff7b72=Ta5d6ff"Ta5d6ffstickerRootTa5d6ff" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Ta5d6ff[Ta5d6ff'Ta5d6ffsticker-viewTa5d6ff'Ta5d6ff, sizeClass]Ta5d6ff"Tff7b72>

Tff7b72<Te6edf3video Te6edf3vTff7b72-Tff7b72ifTff7b72=Ta5d6ff"Ta5d6ffisVideoTa5d6ff" Te6edf3refTff7b72=Ta5d6ff"Ta5d6ffvideoElTa5d6ff" Tb4b4b4:Te6edf3srcTff7b72=Ta5d6ff"Ta5d6ffsrcTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"Ta5d6ffsticker-mediaTa5d6ff" Te6edf3loop Te6edf3muted Te6edf3playsinline Tf0883e@errorTff7b72=Ta5d6ff"Ta5d6ffonErrorTa5d6ff" Tff7b72/Tff7b72>

Tff7b72<Te6edf3div

Te6edf3vTff7b72-Tff7b72elseTff7b72-Tff7b72ifTff7b72=Ta5d6ff"Ta5d6ffisAnimatedTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"Ta5d6ffw-full h-full flex items-center justify-center bg-gray-200/80 dark:bg-zinc-700/50 text-gray-500 dark:text-zinc-400Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Ta5d6ffalt || Ta5d6ff'Ta5d6ffTGSTa5d6ff'Ta5d6ff"

Tb4b4b4:Te6edf3ariaTff7b72-Te6edf3labelTff7b72=Ta5d6ff"Ta5d6ffalt || Ta5d6ff'Ta5d6ffAnimated stickerTa5d6ff'Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3MaterialDesignIcon Te6edf3iconTff7b72-Te6edf3nameTff7b72=Ta5d6ff"Ta5d6ffanimation-outlineTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"Ta5d6ffw-[42Ta5d6ff%Ta5d6ff] h-[42Ta5d6ff%Ta5d6ff] opacity-70Ta5d6ff" Tff7b72/Tff7b72>

Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Te6edf3img

Te6edf3vTff7b72-Tff7b72else

Tb4b4b4:Te6edf3srcTff7b72=Ta5d6ff"Ta5d6ffsrcTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"Ta5d6ffsticker-mediaTa5d6ff"

Te6edf3decodingTff7b72=Ta5d6ff"Ta5d6ffasyncTa5d6ff"

Te6edf3loadingTff7b72=Ta5d6ff"Ta5d6fflazyTa5d6ff"

Tb4b4b4:Te6edf3altTff7b72=Ta5d6ff"Ta5d6ffalt || Ta5d6ff'Ta5d6ff'Ta5d6ff"

Tf0883e@errorTff7b72=Ta5d6ff"Ta5d6ffonErrorTa5d6ff"

Tff7b72/Tff7b72>

Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Tff7b72/Te6edf3templateTff7b72>

Tff7b72<Te6edf3scriptTff7b72>

Tff7b72import Tb4b4b4{ Te6edf3attachInView Tb4b4b4} Tff7b72from Ta5d6ff"Ta5d6ff../../js/inViewObserver.jsTa5d6ff"Tb4b4b4;

Tff7b72import T7ee787MaterialDesignIcon Tff7b72from Ta5d6ff"Ta5d6ff../MaterialDesignIcon.vueTa5d6ff"Tb4b4b4;

Te6edf3export Te6edf3default Tb4b4b4{

Te6edf3nameTb4b4b4: Ta5d6ff"Ta5d6ffStickerViewTa5d6ff"Tb4b4b4,

Te6edf3componentsTb4b4b4: Tb4b4b4{ Te6edf3MaterialDesignIcon Tb4b4b4},

Te6edf3propsTb4b4b4: Tb4b4b4{

Te6edf3srcTb4b4b4: Tb4b4b4{ Tffa657typeTb4b4b4: Tffa657StringTb4b4b4, Te6edf3requiredTb4b4b4: Te6edf3true Tb4b4b4},

Te6edf3imageTypeTb4b4b4: Tb4b4b4{ Tffa657typeTb4b4b4: Tffa657StringTb4b4b4, Te6edf3defaultTb4b4b4: Ta5d6ff"Ta5d6ff" Tb4b4b4},

Te6edf3altTb4b4b4: Tb4b4b4{ Tffa657typeTb4b4b4: Tffa657StringTb4b4b4, Te6edf3defaultTb4b4b4: Ta5d6ff"Ta5d6ff" Tb4b4b4},

Te6edf3sizeTb4b4b4: Tb4b4b4{ Tffa657typeTb4b4b4: Tffa657StringTb4b4b4, Te6edf3defaultTb4b4b4: Ta5d6ff"Ta5d6ffautoTa5d6ff" Tb4b4b4},

Tb4b4b4},

Te6edf3emitsTb4b4b4: Tb4b4b4[Ta5d6ff"Ta5d6fferrorTa5d6ff"Tb4b4b4],

Te6edf3dataTb4b4b4() Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3destroyedTb4b4b4: Te6edf3falseTb4b4b4,

Te6edf3inViewTb4b4b4: Te6edf3falseTb4b4b4,

Te6edf3ioCleanupTb4b4b4: Te6edf3nullTb4b4b4,

Tb4b4b4};

Tb4b4b4},

Te6edf3computedTb4b4b4: Tb4b4b4{

Te6edf3isVideoTb4b4b4() Tb4b4b4{

Tff7b72return Tb4b4b4(Te6edf3thisTff7b72.Td2a8ffimageType Tff7b72|Tff7b72| Ta5d6ff"Ta5d6ff"Tb4b4b4)Tff7b72.Td2a8fftoLowerCaseTb4b4b4() Tff7b72==Tff7b72= Ta5d6ff"Ta5d6ffwebmTa5d6ff"Tb4b4b4;

Tb4b4b4},

Te6edf3isAnimatedTb4b4b4() Tb4b4b4{

Tff7b72return Tb4b4b4(Te6edf3thisTff7b72.Td2a8ffimageType Tff7b72|Tff7b72| Ta5d6ff"Ta5d6ff"Tb4b4b4)Tff7b72.Td2a8fftoLowerCaseTb4b4b4() Tff7b72==Tff7b72= Ta5d6ff"Ta5d6fftgsTa5d6ff"Tb4b4b4;

Tb4b4b4},

Te6edf3sizeClassTb4b4b4() Tb4b4b4{

Tff7b72return `Te6edf3stickerTff7b72-Te6edf3viewTff7b72-Tff7b72-$Tb4b4b4{Te6edf3thisTff7b72.Td2a8ffsizeTb4b4b4}`Tb4b4b4;

Tb4b4b4},

Tb4b4b4},

Te6edf3watchTb4b4b4: Tb4b4b4{

Te6edf3inViewTb4b4b4() Tb4b4b4{

Te6edf3thisTff7b72.Td2a8ffonInViewChangedTb4b4b4();

Tb4b4b4},

Te6edf3srcTb4b4b4() Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3thisTff7b72.Td2a8ffisVideoTb4b4b4) Tb4b4b4{

Te6edf3thisTff7b72.$Te6edf3nextTickTb4b4b4(() Tff7b72=Tff7b72> Te6edf3thisTff7b72.Td2a8ffsyncVideoPlaybackTb4b4b4());

Tb4b4b4}

Tb4b4b4},

Te6edf3imageTypeTb4b4b4() Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3thisTff7b72.Td2a8ffisVideoTb4b4b4) Tb4b4b4{

Te6edf3thisTff7b72.$Te6edf3nextTickTb4b4b4(() Tff7b72=Tff7b72> Te6edf3thisTff7b72.Td2a8ffsyncVideoPlaybackTb4b4b4());

Tb4b4b4}

Tb4b4b4},

Tb4b4b4},

Te6edf3mountedTb4b4b4() Tb4b4b4{

Te6edf3thisTff7b72.$Te6edf3nextTickTb4b4b4(() Tff7b72=Tff7b72> Te6edf3thisTff7b72.Td2a8ffsetupInViewTb4b4b4());

Tb4b4b4},

Te6edf3beforeUnmountTb4b4b4() Tb4b4b4{

Te6edf3thisTff7b72.Td2a8ffdestroyed Tff7b72= Te6edf3trueTb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3thisTff7b72.Td2a8ffioCleanupTb4b4b4) Tb4b4b4{

Te6edf3thisTff7b72.Td2a8ffioCleanupTb4b4b4();

Te6edf3thisTff7b72.Td2a8ffioCleanup Tff7b72= Te6edf3nullTb4b4b4;

Tb4b4b4}

Tb4b4b4},

Te6edf3methodsTb4b4b4: Tb4b4b4{

Te6edf3setupInViewTb4b4b4() Tb4b4b4{

Te6edf3const Te6edf3el Tff7b72= Te6edf3thisTff7b72.$Te6edf3refsTff7b72.Td2a8ffstickerRootTb4b4b4;

Tff7b72if Tb4b4b4(!Te6edf3elTb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Te6edf3thisTff7b72.Td2a8ffioCleanup Tff7b72= Te6edf3attachInViewTb4b4b4(Te6edf3elTb4b4b4, Tb4b4b4(Te6edf3entryTb4b4b4) Tff7b72=Tff7b72> Tb4b4b4{

Te6edf3thisTff7b72.Td2a8ffinView Tff7b72= Te6edf3entryTff7b72.Td2a8ffisIntersectingTb4b4b4;

Tb4b4b4});

Tb4b4b4},

Te6edf3onInViewChangedTb4b4b4() Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3thisTff7b72.Td2a8ffisVideoTb4b4b4) Tb4b4b4{

Te6edf3thisTff7b72.Td2a8ffsyncVideoPlaybackTb4b4b4();

Tb4b4b4}

Tb4b4b4},

Te6edf3syncVideoPlaybackTb4b4b4() Tb4b4b4{

Te6edf3const Te6edf3v Tff7b72= Te6edf3thisTff7b72.$Te6edf3refsTff7b72.Td2a8ffvideoElTb4b4b4;

Tff7b72if Tb4b4b4(!Te6edf3v Tff7b72|Tff7b72| !Te6edf3thisTff7b72.Td2a8ffisVideoTb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Te6edf3thisTff7b72.Td2a8ffinViewTb4b4b4) Tb4b4b4{

Te6edf3vTff7b72.Td2a8ffplay?Tff7b72.Tb4b4b4()Tff7b72.Td2a8ffcatchTb4b4b4(() Tff7b72=Tff7b72> Tb4b4b4{});

Tb4b4b4} Tff7b72else Tb4b4b4{

Te6edf3vTff7b72.Td2a8ffpause?Tff7b72.Tb4b4b4();

Tb4b4b4}

Tb4b4b4},

Te6edf3onErrorTb4b4b4(Te6edf3eTb4b4b4) Tb4b4b4{

Te6edf3thisTff7b72.$Te6edf3emitTb4b4b4(Ta5d6ff"Ta5d6fferrorTa5d6ff"Tb4b4b4, Te6edf3eTb4b4b4);

Tb4b4b4},

Tb4b4b4},

Tb4b4b4};

Tff7b72<Tff7b72/Te6edf3scriptTff7b72>

Tff7b72<Te6edf3style Te6edf3scopedTff7b72>

Tff7b72.Td2a8ffstickerTff7b72-Te6edf3view Tb4b4b4{

Te6edf3displayTb4b4b4: Te6edf3inlineTff7b72-Te6edf3flexTb4b4b4;

Te6edf3alignTff7b72-Te6edf3itemsTb4b4b4: Te6edf3centerTb4b4b4;

Te6edf3justifyTff7b72-Te6edf3contentTb4b4b4: Te6edf3centerTb4b4b4;

Te6edf3overflowTb4b4b4: Te6edf3hiddenTb4b4b4;

Te6edf3lineTff7b72-Te6edf3heightTb4b4b4: T79c0ff0Tb4b4b4;

Tb4b4b4}

Tff7b72.Td2a8ffstickerTff7b72-Te6edf3viewTff7b72-Tff7b72-Te6edf3auto Tb4b4b4{

Te6edf3widthTb4b4b4: T79c0ff100Tff7b72%Tb4b4b4;

Te6edf3heightTb4b4b4: T79c0ff100Tff7b72%Tb4b4b4;

Tb4b4b4}

Tff7b72.Td2a8ffstickerTff7b72-Te6edf3viewTff7b72-Tff7b72-Te6edf3xs Tb4b4b4{

Te6edf3widthTb4b4b4: T79c0ff32Te6edf3pxTb4b4b4;

Te6edf3heightTb4b4b4: T79c0ff32Te6edf3pxTb4b4b4;

Tb4b4b4}

Tff7b72.Td2a8ffstickerTff7b72-Te6edf3viewTff7b72-Tff7b72-Te6edf3sm Tb4b4b4{

Te6edf3widthTb4b4b4: T79c0ff56Te6edf3pxTb4b4b4;

Te6edf3heightTb4b4b4: T79c0ff56Te6edf3pxTb4b4b4;

Tb4b4b4}

Tff7b72.Td2a8ffstickerTff7b72-Te6edf3viewTff7b72-Tff7b72-Te6edf3md Tb4b4b4{

Te6edf3widthTb4b4b4: T79c0ff96Te6edf3pxTb4b4b4;

Te6edf3heightTb4b4b4: T79c0ff96Te6edf3pxTb4b4b4;

Tb4b4b4}

Tff7b72.Td2a8ffstickerTff7b72-Te6edf3viewTff7b72-Tff7b72-Te6edf3lg Tb4b4b4{

Te6edf3widthTb4b4b4: T79c0ff192Te6edf3pxTb4b4b4;

Te6edf3heightTb4b4b4: T79c0ff192Te6edf3pxTb4b4b4;

Tb4b4b4}

Tff7b72.Td2a8ffstickerTff7b72-Te6edf3media Tb4b4b4{

Te6edf3widthTb4b4b4: T79c0ff100Tff7b72%Tb4b4b4;

Te6edf3heightTb4b4b4: T79c0ff100Tff7b72%Tb4b4b4;

Tffa657objectTff7b72-Te6edf3fitTb4b4b4: Te6edf3containTb4b4b4;

Te6edf3displayTb4b4b4: Te6edf3blockTb4b4b4;

Tb4b4b4}

Tff7b72<Tff7b72/Te6edf3styleTff7b72>